/* common Title */
/* Paddings and margins are proportional to font-size, so only font-size in main Title container should be changed. The body font-size affects those values to!  */

.Title 
{
    display: block;
    clear: both;
    width: 100%;    
    font-size: 1.1em;
    text-align: left;
    background: #369 url(../Images/titleLeftTopCorner.gif) no-repeat scroll left top;
    margin: 0.5em 0;
}

.Title .Content 
{
	display: block;
	clear: none;
	padding: 0.4em 1em 0.4em 1em;
	color: #fff;
    font-weight: bold;
}

.Title img 
{
	margin: 0 0 0 0.5em;
	border: 0;
	vertical-align: middle;
}

.SubTitle,
.WC .WC .Title 
{
	font-size: 1em;
	background: #f8f8f8 none;
	margin-top: 1em;
}

.SubTitle .Content,
.WC .WC .Title .Content
{
	color: #369;
	border-left: 0.2em solid #369;
	margin-left: 2em;
}

.WC .WC .Title .Content 
{
	margin-left: 0;
	border-top: 0.1em solid #e8e8e8;
	border-bottom: 0.1em solid #e8e8e8;
}

.WC .WC .SubTitle .Content
{
	margin-left: 2em;
	border: 0;
	border-left: 0.2em solid #369;
}

.SC * 
{
	display: none;
}

.SC .Title,
.SC .Title .Content 
{
	display: block;
}

.SC .Title .Content * 
{
	display: inline;
}

